<style>
	@import "../../common/components_css/goods_list_info.css";
</style>
<template>
	<view class="content-list">
		<view class="goods-item" v-for="(item, key) in goods" :key="key" @click="detail(item, $event)">
			<image :src="item.img"></image>
			<view class="goods-item-content">
				<view class="goods-title text-line-hide">{{item.title}}</view>
				<!-- <view class="goods-little-title gary-font text-line-hide">{{item.littleTitle}}</view> -->
				<view class="goods-amount">
					<span class="symbol">￥</span>
					<text space="emsp">{{item.amount}}</text>
					<lcNumber :value="0" :min="0" :disabled="true" :step="1" @change="daysChange"></lcNumber>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import lcNumber from './lc-numberBox.vue'
	export default {
		components:{
			lcNumber
		},
		name: "goods-list-info",
		props: {
			goods: {
				type: Array,
				default: []
			},
		},
		methods: {
			detail(item, e) {
				this.$emit("clickItem", item, e);
			},
			daysChange(){
				console.log('加减商品')
			}
		},
	}
</script>

